import { createStore } from 'vuex';
import VuexPersistence from 'vuex-persist';

// 创建对象配置持久化
const vuexLocal = new VuexPersistence({
  // 定义本地存储的方式，sessionStorage或localStorage
  storage: window.localStorage,
});

export default createStore({
  state: {
    openTab: [] as any, // 所有打开的路由
    activeIndex: '首页', // 激活状态
    options: [], //卡券分组的总数
  },
  mutations: {
    // 添加tabs
    add_tabs(state, data) {
      state.openTab.push(data);
    },
    // 删除tabs
    delete_tabs(state, route) {
      let index = 0;
      for (let option of state.openTab) {
        if (option.route === route) {
          break;
        }
        index++;
      }
      state.openTab.splice(index, 1);
    },
    // 设置当前激活的tab
    set_active_index(state, index) {
      state.activeIndex = index;
    },
    // 卡券分组总数的方法
    setOptions(state, payload) {
      state.options.push(payload);
      // console.log('vuex里的', state.options);
    },
  },
  actions: {
  },
  modules: {
  },
});
